import React, { Component } from 'react';
import RenwuContainer from './StyledRenwu'

import touxiang1 from 'images/personalCenter/touxiang1.png'
import touxiang2 from 'images/personalCenter/touxiang2.png'
import touxiang3 from 'images/personalCenter/touxiang3.png'
import touxiang4 from 'images/personalCenter/touxiang4.png'
import jindutiao from 'images/personalCenter/jindutiao.png'


class Renwu extends Component {
	state = {}
	render() {
		return (
			<RenwuContainer>

			
			<div className="taskList">
					<div className="taskItem" onClick={this.seeTask}>
						<div className="headImg">
							<img src={touxiang1} alt="" />
						</div>
						<div className="taskInfo">
							<div className="name">X_冥火</div>
							<div className="level">
								<div className="levelImg"><img src={jindutiao} alt="" /></div>
								<div className="dengji">等级</div>
							</div>
							<p>6:30取个快递</p>
						</div>
						<div className="isOver"><div>未完成</div></div>
					</div>
					<div className="taskItem" onClick={this.seeTask}>
						<div className="headImg">
							<img src={touxiang2} alt="" />
						</div>
						<div className="taskInfo">
							<div className="name">一直走</div>
							<div className="level">
								<div className="levelImg"><img src={jindutiao} alt="" /></div>
								<div className="dengji">等级</div>
							</div>
							<p>12:00送到H1楼下</p>
						</div>
						<div className="isOver"><div>已完成</div></div>
					</div>
					<div className="taskItem" onClick={this.seeTask}>
						<div className="headImg">
							<img src={touxiang3} alt="" />
						</div>
						<div className="taskInfo">
							<div className="name">伊贝尔</div>
							<div className="level">
								<div className="levelImg"><img src={jindutiao} alt="" /></div>
								<div className="dengji">等级</div>
							</div>
							<p>取个快递</p>
						</div>
						<div className="isOver"><div>已完成</div></div>
					</div>
					<div className="taskItem" onClick={this.seeTask}>
						<div className="headImg">
							<img src={touxiang4} alt="" />
						</div>
						<div className="taskInfo">
							<div className="name">董小毛</div>
							<div className="level">
								<div className="levelImg"><img src={jindutiao} alt="" /></div>
								<div className="dengji">等级</div>
							</div>
							<p>帮人取个快递</p>
						</div>
						<div className="isOver"><div>已完成</div></div>
					</div>

					<div className="more" onClick={this.loadMore}>加载更多...</div>
				</div>
				</RenwuContainer>
		)
	}
	loadMore() {
		console.log("加载更多")
	}

	seeTask() {
		console.log("查看任务")
	}
}

export default Renwu